今天要介紹的是常用電腦的大家都熟悉的超連結！

介紹

• 超連結是用來通往其他頁面、檔案、Email地址、或當前頁面跳轉。
• 可以是一個字，一個詞，一句話，也可以是一張圖片。
• HTML會使用<a>元素（anchor）來產生超連結，並搭配必要屬性href來指定位址。

範例

1. 通往其他頁面

   • 文字
     假設我想將「點擊即可通往YouTube」中的「YouTube」做超連結，可以這樣寫。
     

     以上為直接通往連結，若想要在新分頁開啟連結可以加上target屬性，並將屬性值設定為_blank。

     

   • 圖片
     除了可以在文字上做超連結外，在圖片上也是可以做的，只要將<img>元素放在<a>元素中的內容即可。

     

2. 當前頁面跳轉
   在一個很長的網頁中，如果想要讓使用者能快速跳轉至相對應的段落，也可以使用<a>元素，只要將href的屬性值設定為「#跳轉段落之id名稱」即可。

   • 第七天的時候是拿維基百科作為範例，這次簡單將第七天的內容做成網頁（最簡陋的那種，畢竟今天不討論美化部分哈），並設定兩個錨點：class屬性和id屬性。

     

     我們可以看到跳轉至一個錨點時，網址也會跟著多出「#id名稱」，是一個適合當作網頁索引的功能。

篇幅關係加上這次主題應該不會用到，就先不介紹超連結檔案和Email地址的部分。明天要介紹的是做出捷運地圖的大重點，終於要進入重頭戲，也代表實作離我們不遠了！那我是YQ，明天見。